<style type="text/css">
  .showok img{
    display: none;
  }
  .showok:hover img{
    display:block;
    height: 300px;
    width: 400px;
    z-index: 100;
    margin-left: 70%;
  }
  .send{
    display: none;
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: black;
    border: 1px solid #000;
  }
  .showok:hover .send{
    display:block;
    z-index: 100;
    margin-left: 70%;
  }
</style>
<div class="text-center col-xs-12">
    <div class="panel panel-default col-xs-10 col-xs-offset-1" style="margin-top: 50px; padding: 0px;">
        <div class="panel-heading">
            <h4 class="modal-title">基本信息</h4>
        </div>
        <div class="panel-body">
            <form name="form" class="form-horizontal form-validation ng-pristine ng-valid ng-valid-required">
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">
                        商城名称
                    </h4>
                    <h4 class="col-sm-4">
                        <input type="text" class="form-control" placeholder="例:xxx商城" ng-model="bean.name">
                    </h4>
                    <label class="control-label text-muted mt10">
                        <!-- <i>此项填写则修改，不填写则不修改</i> -->
                    </label>
                    <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/shangchengname.png" class="descimg"></div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">
                        商城分享描述语
                    </h4>
                    <h4 class="col-sm-4">
                        <input type="text" class="form-control" placeholder="例:自己买省钱 别人买赚钱" ng-model="bean.share_describe">
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                    <div class="col-sm-1 showok" style="z-index: 500;height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/fenxiang.png" class="descimg"></div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">
                        底部提示语
                    </h4>
                    <h4 class="col-sm-4">
                        <input type="text" class="form-control" placeholder="例:省钱买 赚钱卖" ng-model="bean.bottom_describe">
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                    <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/dibuwenzi.png" class="descimg"></div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">
                        底部菜单显示
                    </h4>
                    <h4 class="col-sm-1">
                        <div class="radio">
                            <label class="i-checks">
                                <input type="radio" ng-model="bean.switch_page" value="0">
                                <i></i>
                            </label>
                        </div>
                    </h4>
                    <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;width: 30px;z-index: 900;"><i class="icon-question"></i><img src="https://shangke2.oss-cn-qingdao.aliyuncs.com/app/skv4/common1540365521000/WechatIMG877.png" class="descimg"></div>
                    <h4 class="col-sm-1">
                      <div class="radio">
                          <label class="i-checks">
                              <input type="radio" ng-model="bean.switch_page" value="1">
                              <i></i>
                          </label>
                      </div>
                  </h4>
                  <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;width: 30px;z-index: 900;"><i class="icon-question"></i><img src="https://shangke2.oss-cn-qingdao.aliyuncs.com/app/skv4/common1540366017000/WechatIMG895.png" class="descimg"></div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">
                        店铺主题
                    </h4>
                    <h4 class="col-sm-4">
                        <input type="text" class="form-control" placeholder="例:惠民" ng-model="bean.theme">
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">
                        热搜关键字
                    </h4>
                    <h4 class="col-sm-4">
                        <input type="text" class="form-control" placeholder="例:2019旅游年票" ng-model="bean.search_keyword">
                    </h4>
                    <label class="control-label text-muted mt10">
                    </label>
                    <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/resoubig.png" class="descimg"></div>
                </div>
                <div class="form-group" >
                    <h4 class="col-lg-3 control-label">热搜</h4>
                      <h4  class="col-lg-3"> 
                          <input type="text" class="form-control" ng-model="search" placeholder="例:一水云天">
                      </h4>
                      <h4 class="col-lg-1">
                          <button class="btn btn-info" ng-click="add()">添加</button> 
                      </h4>
                      <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/resousm.png" class="descimg"></div>
                  </div>
                 
                    <div class="form-group" style="margin:0 10% 0 10%;" ng-if="search_list.length > 0">
                        <div style="padding-right: 20px; padding-bottom: 5px; float: left;"  ng-repeat="info in search_list">
                            <button class="btn btn-sm btn-info">{{info.search}}
                              <i class="glyphicon glyphicon-remove" ng-click="remove($index)"></i>
                            </button>
                          </div>
                    </div>
                    <div class="form-group">
                        <h4 class="col-lg-3 control-label">
                            电话
                        </h4>
                        <h4 class="col-sm-4">
                            <input type="text" class="form-control" placeholder="例:86008888" ng-model="bean.mobile">
                        </h4>
                        <label class="control-label text-muted mt10">
                        </label>
                        <!-- <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://shangke2.oss-cn-qingdao.aliyuncs.com/app/skv4/ad/274364692725467945.png" class="descimg"></div> -->
                    </div>
                    <div class="form-group">
                        <h4 class="col-lg-3 control-label">
                            公众号的历史链接
                        </h4>
                        <h4 class="col-sm-4">
                            <input type="text" class="form-control" placeholder="例:https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzA4MjE0NTE5Ng==&scene=126#wechat_redirect" ng-model="bean.gzh_history_url">
                        </h4>
                        <label class="control-label text-muted mt10">
                        </label>
                        <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><div class="send">此处填写历史公众号的地址</div></div>
                    </div>
                    
                    <div class="form-group">
                        <h4 class="col-lg-3 control-label">
                            服务时间
                        </h4>
                        <h4 class="col-sm-4">
                            <input type="text" class="form-control" placeholder="例:9:00~17:00" ng-model="bean.service_time">
                        </h4>
                        <label class="control-label text-muted mt10">
                        </label>
                    </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">首页分类默认logo:</h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.default_class_logo}}" width="300" height="200" ng-model="obj.default_class_logo">
                        <input type="file" nv-file-select uploader="uploader_default_class_logo" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_default_class_logo.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">店铺背景:</h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.background_pic}}" width="300" height="200" ng-model="obj.background_pic">
                        <input type="file" nv-file-select uploader="uploader_background_pic" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_background_pic.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">商城logo默认图:</h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.default_logo}}" width="300" height="200" ng-model="obj.default_logo">
                        <input type="file" nv-file-select uploader="uploader_default_logo" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_default_logo.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">商城二维码:</h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.qr_code}}" width="300" height="200" ng-model="obj.qr_code">
                        <input type="file" nv-file-select uploader="uploader_qr_code" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_qr_code.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">微信端宣传图:</h4>
                    <div class="col-lg-4 text-left">
                        <img ng-src="{{bean.wxtip_pic}}" width="300" height="200" ng-model="bean.wxtip_pic">
                        <input type="file" nv-file-select uploader="uploader_wxtip_pic" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_wxtip_pic.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <label class="control-label text-muted mt10">
                    </label>
                    <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="https://shangke2.oss-cn-qingdao.aliyuncs.com/app/skv4/common1539674331000/wxtip_pic.png" class="descimg"></div>
                </div>
                <div class="form-group">
                  <h4 class="col-lg-3 control-label">
                      在店铺下单利润标志
                  </h4>
                  <h4 class="col-sm-4">
                      <div class="radio pull-left">
                        <div>
                          <label class="i-checks pull-left">
                              <input type="radio" ng-model="bean.profit_flag" ng-value="'1'">
                              <i></i>利润归首次绑定分销
                          </label>
                        </div>
                          <br />
                        <div class="mt5">
                          <label class="i-checks pull-left">
                              <input type="radio" ng-model="bean.profit_flag" ng-value="'0'">
                              <i></i>利润归店铺
                          </label>
                        </div>
                      </div>
                  </h4>
                  <label class="control-label text-muted mt10">
                  </label>
                  <div class="col-sm-1 showok" style="height:30px;line-height:30px;font-size: 25px;margin-top: 13px;padding: 0;z-index:500;"><i class="icon-question"></i><img src="http://cardv2.oss-cn-hangzhou.aliyuncs.com/images/images/ba_one.png" class="descimg"></div>
              </div>
              <div class="form-group">
                  <h4 class="col-lg-3 control-label"><span style="color: #f00;vertical-align: sub;">*</span> 商户让利百分比</h4>
                  <h4 class="col-sm-4">
                      <input type="number" class="form-control" placeholder="例:20" ng-model="bean.profit_percent" min="0" max="100">
                  </h4>
                  <label class="control-label text-muted text-center pull-left">
                    <span class="pull-left">商户让利是基于供应商利润分配的</span><br/>
                    <span class="pull-left">供应商利润=商品的指导价-分销价,如果一个商品的分销价</span><br/>
                    <span class="pull-left">是50元，指导价是100元。利润为100-50=50元。</span><br/>
                    <span class="pull-left">如果商户让利60%，让利金额为30元。此处商户让</span><br/>
                    <span class="pull-left">利百分比则填写60。</span>
                  </label>
              </div>
              <div class="form-group">
                  <h4 class="col-lg-3 control-label">
                      <span style="color: #f00;vertical-align: sub;">*</span>
                      一级分润百分比
                  </h4>
                  <h4 class="col-sm-4">
                      <input type="number" class="form-control" placeholder="例:20" ng-model="bean.profit_level1" min="0" max="100">
                  </h4>
                  <label class="control-label text-muted text-center pull-left">
                      <span class="pull-left">百分号%前的部分。(下同)</span>
                      <br />例：分润20%，输入框中填写20
                  </label>
              </div>
              <div class="form-group">
                  <h4 class="col-lg-3 control-label">
                    <span style="color: #f00;vertical-align: sub;">*</span>
                    二级分润百分比
                  </h4>
                  <h4 class="col-sm-4">
                      <input type="number" class="form-control" placeholder="例:40" ng-model="bean.profit_level2" min="0" max="100">
                  </h4>
                  <label class="control-label text-muted mt10">
                  </label>
              </div>
              <div class="form-group">
                  <h4 class="col-lg-3 control-label">
                    <span style="color: #f00;vertical-align: sub;">*</span>
                    三级分润百分比
                  </h4>
                  <h4 class="col-sm-4">
                      <input type="number" class="form-control" placeholder="例:40" ng-model="bean.profit_level3" min="0" max="100">
                  </h4>
                  <label class="control-label text-muted pull-left mt10">
                      <!-- <i>游客直接购买那级</i> -->
                  </label>
              </div>
                <!-- <div class="form-group">
                    <h4 class="col-lg-3 control-label">首页轮播图一:
                        <br />
                        <br />
                        <button class="btn btn-danger btn-mini" type="button" ng-click="delimg(1)">删除</button>
                    </h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.top_pics[0].img}}" width="300" height="200" ng-model="obj.top_pics[0].img">
                        <input type="file" nv-file-select uploader="uploader_top_pics_1" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_top_pics_1.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" ng-model="bean.top_pics[0].url" placeholder="跳转url" />
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">首页轮播图二:
                        <br />
                        <br />
                        <button class="btn btn-danger btn-mini" type="button" ng-click="delimg(2)">删除</button>
                    </h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.top_pics[1].img}}" width="300" height="200" ng-model="obj.top_pics[1].img">
                        <input type="file" nv-file-select uploader="uploader_top_pics_2" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_top_pics_2.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" ng-model="bean.top_pics[1].url" placeholder="跳转url" />
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">首页轮播图三:
                        <br />
                        <br />
                        <button class="btn btn-danger btn-mini" type="button" ng-click="delimg(3)">删除</button>
                    </h4>
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.top_pics[2].img}}" width="300" height="200" ng-model="obj.top_pics[2].img">
                        <input type="file" nv-file-select uploader="uploader_top_pics_3" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_top_pics_3.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" ng-model="bean.top_pics[2].url" placeholder="跳转url" />
                    </div>
                </div>
                <div class="form-group">
                    <h4 class="col-lg-3 control-label">首页轮播图四:
                        <br />
                        <br />
                        <button class="btn btn-danger btn-mini" type="button" ng-click="delimg(4)">删除</button>
                    </h4>
                    
                    <div class="col-lg-5 text-left">
                        <img ng-src="{{bean.top_pics[3].img}}" width="300" height="200" ng-model="obj.top_pics[3].img">
                        <input type="file" nv-file-select uploader="uploader_top_pics_4" />
                        <br>
                        <ul class="list-group">
                            <li class="list-group-item" ng-repeat="item in uploader_top_pics_4.queue">
                                文件名:
                                <span ng-bind="item.file.name"></span>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()">
                                    <span class="glyphicon glyphicon-upload"></span> 上传</button>
                                <div class="progress mt10">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <input type="text" class="form-control" ng-model="bean.top_pics[3].url" placeholder="跳转url" />
                    </div>
                </div> -->
            </form>
        </div>
        <div class="panel-footer col-xs-12 text-center">
            <div class="col-xs-2 col-xs-offset-5">
                <button class="btn btn-success btn-block" type="button" ng-click="ok()">保存</button>
            </div>
        </div>
    </div>
</div>